<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>表单列表渲染</title>
        <{$showjs}>
        <link rel="stylesheet" type="text/css" href="/Plug-in/ext/resources/css/xtheme-slate.css" />
        <link rel="stylesheet" type="text/css" href="../css/main1.css" />
        <script type="text/javascript" src="/Plug-in/ext/Ext.grid.CheckColumn.js"></script>
        <script type="text/javascript" src="/Plug-in/ext/Ext.Store.Sort.js"></script>
        <script type="text/javascript" src="/Plug-in/ext/Ext.form.Property.js"></script>
        <style type="text/css">
            .add{background:url(../img/add.gif) no-repeat 1px 2px !important;}
            .copy{background:url(../img/copy.gif) no-repeat 1px 2px !important;}
            .del{background:url(../img/del.gif) no-repeat 1px 2px !important;}
            .edit{background:url(../img/edit.gif) no-repeat 1px 2px !important;}
            #box-table-a
            {
                font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
                font-size: 12px;
                width: 80%;
                margin:20px;
                text-align: left;
                border-collapse: collapse;

            }

            #box-table-a th
            {
                font-size: 13px;
                font-weight: normal;
                padding: 8px;
                background: #b9c9fe;
                border-top: 4px solid #aabcfe;
                border-bottom: 1px solid #fff;
                color: #039;
            }
            #box-table-a td
            {
                padding: 8px;
                background: #e8edff; 
                border-bottom: 1px solid #fff;
                color: #669;
                border-top: 1px solid transparent;
            }
            #box-table-a tr:hover td
            {
                background: #d0dafd;
                color: #339;
            }

        </style>

    </head>

    <body>
        <div align="center">
            <table id="box-table-a" >
                <tbody>
                    <tr>
                        <td>导航:<{$sortnav}></td>
                    </tr>
                </tbody>

            </table>
            <table id="box-table-a" >
                <thead>
                    <tr>
                        <th scope="col">ID</th>
                        <th scope="col">分类名称</th>
                        <th scope="col">父ID</th>
                        <th scope="col" >相关操作</th>

                    </tr>
                </thead>
                <tbody>
                    <{$content}>
                </tbody>

            </table>
            <table id="box-table-a" >
                <tbody>
                    <tr>
                        <td align="center"><{$nav}></td>
                    </tr>
                </tbody>

            </table>

        </div>
        <script language="javascript">
            function  sortadd(id){
                parent.tabs.add({
                    title: '添加信息',
                    iconCls: 'm_sortadd',
                    html:'<iframe height="100%"   frameborder="0" width="100%" marginheight="0" marginwidth="0" scrolling="auto" src="./module.php?op=add&pid='+id+'&rootIndex=<{$smarty.get.rootIndex+1}>"></iframe>',
                    closable:true
                }).show();
            }
            function  sortedit(id){
                parent.tabs.add({
                    title: '编辑信息',
                    iconCls: 'm_sortedit',
                    html:'<iframe height="100%"   frameborder="0" width="100%" marginheight="0" marginwidth="0" scrolling="auto" src="./module.php?op=add&id='+id+'&rootIndex=<{$smarty.get.rootIndex}>"></iframe>',
                    closable:true
                }).show();
            }	
        </script>
    </body>
</html>